import React, { FC, useState } from 'react'

import { Typography, Input } from 'antd'

import { QuestionTextareaPropsType, QuestionTextareaDefaultProps } from './interface'

const { TextArea } = Input
const QuestionTextarea: FC<QuestionTextareaPropsType> = (props: QuestionTextareaPropsType) => {
  const { Paragraph } = Typography
  const { title, placeholder } = { ...QuestionTextareaDefaultProps, ...props }

  return (
    <div>
      <Paragraph strong>{title}</Paragraph>
      <div>
        <TextArea placeholder={placeholder}></TextArea>
      </div>
    </div>
  )
}

export default QuestionTextarea
